﻿@{
    Layout = null;
}
<section id="device-preview" class="device-preview landing-page__section">
    <h1 class="landing-page__title">简单易用的管理工具，帮您高效合作。</h1>
    <section class="device-preview__main">
        <div ref="preview" class="device-preview__img-wrapper">
            <transition-group name="device-fade">
                <img v-for="(item,index) in previewImgList" :key="item" :src="item" style="position:absolute;top:0;" />
            </transition-group>
        </div>
        <section class="device-preview__aside">
            <device-item v-for="(item,index) in list" :key="index" :id="index" :title="item.title" :icon="item.icon" :content="item.content" :is-active="activeIndex === index" v-on:action="itemAction"></device-item>
        </section>
    </section>
</section>

